<!-- Navigation -->
    <nav class="navbar navbar-inverse" id="menu" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>  
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="<?php echo base_url();?>perfilAdmin">PERFIL</a>
                    </li>
                    <li>
                        <a  href="<?php echo base_url(); ?>usuariosAdmin">USUARIOS</a>
                    </li>
                    <li>
                        <a class="navbar-brand" href="<?php echo base_url(); ?>participantesAdmin">PARTICIPANTES</a>
                    </li>
                    <li>
                        <a  href="<?php echo base_url(); ?>eventosAdmin">EVENTOS</a>
                    </li>
                    <li>
                        <a href="<?php echo base_url();?>lugaresAdmin">LUGARES</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container">
        <div class="row">

            <div id="formPart" style="display:none;">
                <!-- action="/eventos/agregar" -->
                <form accept-charset="utf-8" method="post" >
                    <h1>Nuevo Participante</h1>
                    <h5>Nombre</h5>
                    <input type="text" id="nameForm" name="nombre" placeholder="Nombre del Participante" value=""size="50" />
                    <h5>Apellido</h5>
                    <input type="text" id="apeForm" name="apellido" placeholder="Apellido del Participante" value="" size="50" />
                    <h5>Dirección</h5>
                    <input type="text" id="direForm" name="direccion" value="" placeholder="Dirección del Participante" size="50" />
                    <h5>Teléfono</h5>
                    <input id="telForm" type="text" name="telefono" placeholder="N° de Teléfono" value="" size="50" />
                    <h5>Email</h5>
                    <input type="text" id="mailForm"name="mail" placeholder="Correo Electrónico" value="" size="50" />
                    <div><input id="save" type="submit" value="Guardar" onclick="guardar();"/></div>
                </form>
            </div>

            <h1 id="titulo">Lista de Participantes</h1>
            <a id="crearPart">
                <img id="ico2" src="<?php echo base_url(); ?>/images/iconos/mas.jpg">
            </a>
            
            
                <!-- Pager -->
                <ul class="pager">
                    <li class="previous">
                        <a href="#">&larr; Ant</a>
                    </li>
                    <li class="next">
                        <a href="#">Sig &rarr;</a>
                    </li>
                </ul>
         </div>
            


        </div>

        
        <!-- /.row -->

        <hr>

        

    </div>


  
</div>
    <link href="css/main.css" rel="stylesheet">
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script> 

    <script type="text/javascript">
    
    $(document).ready(function(){
    
        $("#crearPart").click(function(){ //Click Registro Arriba
            $("#formPart").show();
            $("#crearPart").hide();
            
        });

        $("#save").click(function(){ //Click Registro Arriba
            $("#formPart").hide();
            $("#crearPart").show();
            
        });

        /*$("#upd").click(function(){

        });*/

        


    });

    </script>
    <script>
    function cargar(id){
        if($('#nameForm').val()!='' && $('#apeForm').val()!='' 
            && $('#direForm').val()!='' && $('#telForm').val()!=''
             && $('#mailForm').val()!=''){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&apellido=' + $('#apeForm').val() + 
            '&direccion=' + $('#direForm').val() + 
            '&telefono=' + $('#telForm').val() + 
            '&mail=' + $('#mailForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"participantesAdmin/agregar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }

    function edit(id){
            $(".ver"+id).hide();
            $(".mod"+id).show();
            $("#upd"+id).show();
            $("#modif"+id).hide();
        };

    function guardar() {
        
        if($('#nameForm').val()!='' && $('#fechaForm').val()!='' 
            && $('#horaForm').val()!='' && $('#descForm').val()!=''
             && $('#cantForm').val()!=''){            

        var dataString = 'nombre='+ $('#nameForm').val() + 
            '&fecha=' + $('#fechaForm').val() + 
            '&hora=' + $('#horaForm').val() + 
            '&descripcion=' + $('#descForm').val() + 
            '&cantPart=' + $('#cantForm').val();  
        $.ajax({ dataType: 'json', type:"POST",url:"eventosAdmin/agregar",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    /*if (msg[0].error)
                    {*/
                        alert ('Por favor, checkee el Email y la Contraseña');
                    /*}
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/usuario/logueado";
                    }*/
                    
                }
            });
        } else {
            alert ('Verifique que todos los campos estén completos.');
        }
    }

    
    
    </script>




<!-- TABLA -->

